/* -----------------------------------------------------
 *	Kompasiana
 *  (Umum: Semua halaman.)
 *
 *	@creator		Molan
 * -----------------------------------------------------*/

a img, div img { behavior:url(../js3.5/iepngfix.htc); }
body, h2, h3, h5,  ul, .ticker_kontener p, .sel_bw p, .sel_oth p {
	margin: 0px;
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif;
}


.bghead	{ background:url(../images3.5/bg_header.jpg) repeat-x; }
.wrapper { width:1000px; margin:0px auto; }
.wrapper_body	{ width:1016px; margin:0px auto; }
.box_wraper_330	{ width:330px; }
.margin_tengah { margin:0 auto; }
.bn_right { margin-bottom:20px; }
.img_01 { border:solid 1px #fff; }

.menu_kompasiana {}
.menu_kompasiana li {
    float: left; 
    background: url(../images3.5/bg_line.jpg) 0px 10px  no-repeat;
    list-style: none;
    margin: 0;
}
.menu_kompasiana li a	{
    color: #fff;
    text-decoration: none; 
    font: normal 12px Arial, Helvetica, sans-serif;
    display: block;
    padding: 8px 10px;
    margin: 5px 0 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-radius-top-right: 3px;
    -webkit-border-radius-top-left: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.menu_kompasiana li.home { background:none; margin:5px 8px 0 0; padding:0; }
.menu_kompasiana li.home a { margin:0; padding:6px 10px 5px; }
.menu_kompasiana li.home a:hover { background:#ffc600; }
.menu_kompasiana li a img { position:relative; }
.menu_kompasiana li.first	{ background:none; }
.menu_kompasiana li a:hover, .menu_kompasiana li a.selected	{ background:#ffc600 !important; }

.menu_kompasiana1 { clear:both; padding:5px 0 0 50px; }
.menu_kompasiana1 li {
    list-style: none;
    float: left; 
    background: url(../images3.5/bg_line1.jpg) 0px 10px  no-repeat;
}
.menu_kompasiana1 li a {
    color: #000; 
    text-decoration: none; 
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0px 10px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-radius-top-right: 3px;
    -webkit-border-radius-top-left: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.menu_kompasiana1 li.home { background:none; margin-right:8px; padding-top:0px; }
.menu_kompasiana1 li.home a { background:#ffc600;  padding-top:13px; }
.menu_kompasiana1 li.home a:hover { background:#fff; }
.menu_kompasiana1 li.first { background:none; }
.menu_kompasiana1 li a:hover { background:#ffc600; }

.menu_kompas_top { display:inline; padding:0px 3px; color:#fff; text-decoration:none; }
.menu_kompas_over a { color:#9dd7ff; text-decoration:none; }

.bg_registrasi { background:url(../images3.5/bg_registrasi.jpg) no-repeat; width:290px; height:60px; padding:5px 5px; }
.bg_menu { background:url(../images3.5/bg_orange_menu.jpg) repeat-x #ef7508; height:36px; }
.bg_submenu	{ background:url(../images3.5/bg_sub_menu.jpg) repeat-x; height:7px; }
.bg_submenu1 { background:url(../images3.5/bg_sub_menu1.jpg) repeat-x; clear:both; height:30px; }
.blueline	{ border-top: solid 1px #4188c8; }
.balong_award	{ width:250px; height:50px; padding-top:20px; }
.bg_bottom_1 { background:#115ba8; padding:30px 0px; color:#FFF; }
.bg_bottom_1 a { color:#FFF; text-decoration:none; display:inline; padding:0 10px; }
.bg_bottom_1 a:hover { color:#6db5ff; }
.bg_bottom_2 { background:#115ba8 url(../images3.5/bg_bottom.jpg) top center no-repeat; padding:40px 0px; color:#fff; }

.footer_bawah { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:18px; }

.headline_box	{
    background: url(../images3.5/bg_headline.png) no-repeat; 
    width: 688px; 
    height: 91px; 
    margin-left: -8px; 
    margin-top: -11px; 
    position: relative;
}
.headline_box_2 { padding:25px 25px; }

.headline_text { display:block; font: bold 24px Arial, Helvetica, sans-serif; color:#FFF; letter-spacing:-1px;margin-bottom:2px; }
.headline_text a { color:#FFF; text-decoration:none; }
.headline_text a:hover { color:#a1c3e9; text-decoration:none; }

.headline_artikel {display:block; font:bold 30px Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px;margin-bottom:20px; }
.headline_artikel a { color:#000; text-decoration:none; }
.headline_artikel a:hover { color:#666; text-decoration:none; }

.isi_artikel { font:normal 14px Arial, Helvetica, sans-serif; color:#000; line-height:18px; }


hr { border-top:1px solid #ccc; border-collapse:collapse; border-bottom:0; clear:both; margin:0 0 25px; }

.sub_text_artikel { font:normal 11px Arial, Helvetica, sans-serif; color:#000; line-height:16px; color:#777; margin-bottom:5px; }
.sub_text_artikel a { color: #777; text-decoration:none; }
.sub_text_artikel a:hover { text-decoration:underline; }

.sub_text_dashboard { font:normal 12px Arial, Helvetica, sans-serif; color:#666; line-height:18px; display:block; margin-top:7px; /*width:645px;*/ }
.sub_text_dashboard a { color:#1170a0; text-decoration:none; }
.sub_text_dashboard a:hover { text-decoration:underline; }
.sub_text_dashboard_bold { font:bold 12px Arial, Helvetica, sans-serif; color:#000; }
.sub_text_headline { font:normal 12px Arial, Helvetica, sans-serif; color:#a1c3e9;  }

.isi_tekno a { color:#1170a0; text-decoration:none; }
.isi_tekno a:hover { text-decoration:underline; }
.isi_tekno ul { margin-left:15px; }

.box_dashboard				{ width:680px; border:solid 1px #ccc; padding-top:10px; padding-bottom:20px; }
.box_set_dashboard			{ width:240px; border:dashed 1px #ec5506; padding-top:10px; padding-bottom:20px; }

.box_content_01 { width:328px; border:solid 1px #ccc; padding-top:10px; padding-bottom:10px; }
.box_content_02 { width:328px; background:#f2f2f2; padding-top:10px; padding-bottom:10px; }
.box_content_03 { width:328px; background:#f2f2f2; padding-top:10px; padding-bottom:5px; }
.box_content_04 { width:298px; border:solid 1px #ccc; padding-top:10px; padding-bottom:10px; }
.box_content_04 li { overflow:hidden; }
.box_content_05 { border:solid 1px #ccc; padding-top:10px; padding-bottom:10px; }

.box_b_content_330 { width:330px; border-top:solid 1px #ccc; padding-top:10px; padding-bottom:10px; }
.box_b_content_300 { width:300px; border-top:solid 1px #ccc; padding-top:10px; padding-bottom:10px; }

.box_artikel { width:650px; border:solid 1px #ccc; padding-top:10px; padding-bottom:20px; }
.box_profil { width:200px; border:solid 1px #ccc; padding-top:10px; padding-bottom:20px; overflow:hidden; }
.box_profil_knn { width:420px; border:solid 1px #ccc; padding-top:10px; padding-bottom:20px; }

.borderprofil { border-bottom:#ccc solid 1px; padding:0 0 10px; margin-bottom:10px; }

.bg_judul_01 {
	background: url(../images3.5/bg_01.png) no-repeat; 
	width: 212px; 
	height: 33px; 
	margin-left: -8px;
	padding-left: 30px;
	padding-top: 12px;
	position: relative;
	float: left;
}
.bg_judul_02 {
	background: url(../images3.5/bg_02.png) no-repeat; 
	width: 212px; 
	height: 33px; 
	margin-left: -8px;
	padding-left: 30px;
	padding-top: 12px;
	position: relative;
	float: left;
}
.bg_judul_03 {
	background: url(../images3.5/bg_03.png) no-repeat; 
	width: 153px; 
	height: 33px; 
	margin-left: -8px;
	padding-left: 30px;
	padding-top: 12px;
	position: relative;
	float: left;
}
.bg_judul_04 {
	background: url(../images3.5/bg_04.png) no-repeat; 
	width: 252px; 
	height: 33px; 
	margin-left: -8px;
	padding-left: 30px;
	padding-top: 12px;
	position: relative;
	float: left;
}
.bg_judul_05 {
	background: url(../images3.5/bg_05.png) no-repeat; 
	width: 150px; 
	height: 33px; 
	margin-left: -8px;
	padding-left: 30px;
	padding-top: 12px;
	position: relative;
	float: left;
}

.link_index	a	{
	display: inline; 
	padding: 2px 8px;
	color: #f07508;
	border: solid 1px #ccc; 
	text-decoration: none; 
	font: bold 12px Arial, Helvetica, sans-serif;
	float: right;
	margin-right: 20px;
}
.link_index_2	{
	display: inline; 
	padding: 2px 8px;
	background: #fff;
	color: #f07508;
	border: solid 1px #ccc; 
	font: bold 11px Arial, Helvetica, sans-serif;
	float: right;
	margin-right: 20px;
}		
.link_index_2 a {
	padding: 2px 8px;
	background: #fff;
	color: #f07508;
	text-decoration: none; 
	font: bold 11px Arial, Helvetica, sans-serif;
}
.link_index_3	a	{
	display: inline; 
	padding: 2px 8px;
	color: #f07508;
	border: solid 1px #ccc; 
	text-decoration: none; 
	font: bold 11px Arial, Helvetica, sans-serif;
	float: right;
}
		
.link_index	a:hover	{ background:#ededed; }
.link_index_2 a:hover	{ color:#921b04; }
.link_index_3 a:hover	{ background:#ededed; }

.list01 { margin:0px 10px; }
.list01 li { padding:6px 15px; list-style:none; }
.text_list01big a { font:normal 14px arial, helvetica, sans-serif; color:#113051; text-decoration:none; line-height:18px; }
.text_list01big a:hover { text-decoration:none; color:#2462a3; }
.list02 { margin:0px 25px; }
.list02 li { padding-bottom:12px; padding-top:20px; list-style:none; border-bottom:solid 1px #ccc; }
/*.list02 li img { margin:0 0 5px 5px; }*/
.list03	{ margin:0px 25px; }
.list03 li { padding-bottom:10px; padding-top:10px; list-style:none; border-bottom:solid 1px #ccc; }
.list03 li.bottom	{ border-bottom:none; }
.list04 { margin:0px 10px; }
.list04 li { padding:3px 15px; list-style:none; }
.list05 { margin:0px 25px; }
.list05 li { padding-bottom:5px; padding-top:5px; list-style:none; border-top:solid 1px #fff; }
.list06	{ margin:0px 15px; }
.list06 li { clear:both; padding-bottom:5px; padding-top:5px; list-style:none; border-top:solid 1px #ccc; }
.list06 li.bottom	{ border-bottom:none; }
.list06 li.first	{ border-top:none; }
.list06 li img { margin:0 0 5px 5px; }
.list07 { margin:0px; padding-left:0px; display:inline; }
.list07 li { margin-right:15px; display:block; list-style:none; float:left; width:40px; padding-bottom:10px; height:70px;}
.list07 li.first { margin-left:15px; }
.list07 li.last { margin-right:0px; }
.list07a { margin:0px; padding-left:0px; display:inline; }
.list07a li { margin-right:24px; display:block; list-style:none; float:left; width:40px; padding-bottom:10px; height:70px;}
.list07a li.first { margin-left:24px; }
.list07a li.last { margin-right:0px; }
.list08 { margin-top:5px; margin-bottom:10px; margin-right:10px; }
.list08 li { padding:4px 0px; list-style:none; }
.list09 { margin:0px 0px 5px; }
.list09 li { padding:3px 10px; list-style:none; }
.list10 { margin:0px 25px; }
.list10 li { padding-bottom:12px; padding-top:20px; list-style:none; border-bottom:solid 1px #ccc; }

.text_list01 a { font:bold 14px Arial, Helvetica, sans-serif; color:#113051; text-decoration:none; line-height:18px; }
.text_list01 a:hover { text-decoration:none; color:#2462a3; }
.text_list02 a { font:bold 14px Arial, Helvetica, sans-serif; color:#113051; text-decoration:none; line-height:24px; }
.text_list02 a:hover { text-decoration:none; color:#2462a3; }
.text_list03 a { font:bold 14px Arial, Helvetica, sans-serif; color:#369acf; text-decoration:none; line-height:18px; }
.text_list03 a:hover { text-decoration:none; color:#216285; }
.text_list04 a { font:normal 14px Arial, Helvetica, sans-serif; color:#113051; text-decoration:none; line-height:18px; }
.text_list04 a:hover { text-decoration:none; color:#2462a3; }

.text_list_small01, .text_list_small01 a { font: normal 11px Arial, Helvetica, sans-serif; color:#f07508; text-decoration:none; }
.text_list_small01 a:hover { text-decoration:underline; }
.text_list_small02, .text_list_small02 a { font: normal 11px Arial, Helvetica, sans-serif; color:#999; text-decoration:none; }
.text_list_small02 a:hover { text-decoration:underline; }

ul.paginating { list-style:none; padding:20px 0px; }
ul.paginating li { display:inline; }
ul.paginating a, ul.paginating span { background:#ccc; color: #000; padding:3px 6px; margin:0px -1px; font:bold 12px arial; text-decoration:none; }
ul.paginating a:hover, ul.paginating a.select, ul.paginating span { background:#000; color:#ccc; }

ul.paginating_hl { list-style:none; margin:10px 10px; position:relative; z-index:5; }
ul.paginating_hl li { display:inline; }
ul.paginating_hl a { background:#000; color:#ccc; padding:3px 6px; margin:0px -1px; font:bold 12px arial; text-decoration:none; }
ul.paginating_hl a:hover, ul.paginating_hl a.selected { background:#f17209; color:#fff; }

/* s: wp konten detail style */
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
p img { padding:0; max-width:100%; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
.marked { background:#d54e21; }
/* e: wp konten detail style */

/* s: head kanal menu */
.cangkangkanal { width:980px; font:normal 12px Arial, Helvetica, sans-serif; margin:0 auto; }
.panel_menu {	cursor:pointer; text-align:center; width:960px; height:24px; font-weight:bold; }
#panelmenu { height:0px; z-index: 60; text-align:left; width:850px; position:absolute; overflow:hidden; background:url(../images3.5/menu_kanal_baru_2.gif) left top no-repeat; margin-left:89px; }
#panelmenuc { height:0px;	z-index: 60; text-align:left; position:absolute; overflow:hidden; margin-left:953px; }
.menu_kanal_baru { background:url(../images3.5/menu_kanal_baru.jpg) 0px -80px repeat-x; height:23px; overflow:hidden; }
.menu_kanal_baru span.kompas a { background:url(../images3.5/menu_kanal_baru.jpg) right top no-repeat; padding:4px 14px 7px 0px; margin-right:8px; color:#fff; }
.menu_kanal_baru span.more a { color:#3cc5e4; }
.menu_kanal_baru a { display:block; float:left; padding:4px 7px 2px 7px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
.menu_kanal_baru a:hover { text-decoration:underline; }
.menu_kanal_baru_a { font-weight:bold; padding-left:15px; }
.menu_kanal_baru_a a { float:left; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; display:block; padding:2px 7px 9px 7px; }
.menu_kanal_baru_a a:hover { font-weight:bold; text-decoration:underline; }
.menu_kanal_baru_a a.kompas { background:url(../images3.5/menu_kanal_baru.jpg) -120px -147px no-repeat; color:#fff; }
/* e: head kanal menu */



/* -----------------------------------------------------
 *	Accordion CSS
 *  (Umum: Box kanan Ter*)
 *
 *	@creator		Molan
 * -----------------------------------------------------*/

.dibaca { font:normal 11px arial; color:#666; text-decoration:none; }
.bar_1 { display:block;  height:6px; background: url(http://stat.k.kidsklik.com/data/2k10/images/pop_bar.jpg) no-repeat; margin-top:2px; }
.bar_opt { float:right; width:95%; }
.subm { display: none; }

.tek_ac{ padding:0px; margin:0px; }
.tek_ac ul { list-style:none; }
.tek_ac ul li { margin: 3px 0px; border-bottom:1px solid #e3e3e3; padding-bottom:3px; }
.tek_ac div.shead { border-top:1px solid #dadada; }
.tek_ac div.shead a {
	background: url(http://stat.k.kidsklik.com/data/2k10/images/bg_master.gif) -260px -905px no-repeat #eee;
	font: normal 12px arial; 
	text-transform: uppercase;
	color: #000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #FFF;
}
.tek_ac div.shead a:visited, .tek_ac div.shead a:active {
	color: #000;
	background: url(http://stat.k.kidsklik.com/data/2k10/images/bg_master.gif) -260px -880px no-repeat #eee;
	font-weight: bold;
}
.tek_ac div.shead a:hover {
	font-weight: bold;
	background: url(http://stat.k.kidsklik.com/data/2k10/images/bg_master.gif) -260px -880px no-repeat #eee;
	color: #000;
}
.tek_ac div.selected a {
	font-weight: bold;
	background: url(http://stat.k.kidsklik.com/data/2k10/images/bg_master.gif) -260px -880px no-repeat #eee;
	color: #000;
}
.tek_ac div.subm { /*DIV that contains each sub menu*/
	padding: 5px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}



/* -----------------------------------------------------
 *	Carousel CSS
 *  (Home: Box Berita Foto)
 *
 *	@creator		Molan
 * -----------------------------------------------------*/
 
.stepcarousel{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 300px; /*Width of Carousel Viewer itself*/
    height: 155px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}
.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 9px 15px; /*margin around each panel*/
    width: 136px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* -----------------------------------------------------
 *	Tab CSS
 *  (General: Box kanan Berita Admin & Letter to Admin)
 *
 *	@creator		Molan
 * -----------------------------------------------------*/
 
.shadetabs {
	padding: 5px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Arial;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li {
	display: inline;
	margin: 0;
}
.shadetabs li a {
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 5px 20px;
	margin-right: 3px;
	color: #115ba8;
	background: #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
/*.shadetabs li a:visited {
	color: #2d2b2b;
}*/
.shadetabs li a:hover {
	text-decoration: underline;
	color: #2d2b2b;
}
.shadetabs li a.selected { /*selected main tab style */
	position: relative;
	border: 1px solid #e5e5e5;
	background:#FFF;
	top: 1px;
}
.shadetabs li a.selected { /*selected main tab style */
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
}
.shadetabs li a.selected:hover { /*selected main tab style */
	text-decoration: none;
}

/*banner*/
.bot{
	width:300px;
	display:block;
	position: relative;
	float:left;
	padding: 10px;
}

/*backgroundbody*/
#bodyback{
	background: url(../images3.5/promag.jpg) no-repeat fixed center top transparent;
}


}